---
title: Triplex — The React Three Fiber Editor
ogTitle: Visually Edit React Three Fiber Components
description:
  Your component types populate the editor, build scenes, reusable components,
  and more.
---

import { BigDownloadLink, Hero } from "../components/hero";
import { IntroVideo } from "../components/intro-video";
import { LazyCanvas } from "../components/three";
import { Tweets } from "../components/tweets";
import { ValueProp } from "../components/value-prop";

<Hero />

<IntroVideo />

<ValueProp
  index={0}
  title="Your code is source of truth."
  text="No proprietary data formats or extra dependencies."
/>

<ValueProp
  index={1}
  title="Visually edit components."
  text="Use scene controls to update components in real-time."
/>

<ValueProp
  index={2}
  title="Your code and the editor are synchronized."
  text="Save changes and the other updates."
/>

<Tweets />

<div className="my-40 flex justify-center">
  <BigDownloadLink variant="bold" />
</div>

<LazyCanvas />
